<template>
  <div class="main-spot">
    <div class="part thumb">
      <div class="top-img" :style="{height:imgHeight}">
        <img v-lazy="publicUrl(`/images/Special164.jpg`)" />
      </div>
      <div class="bottom">
        <div class="bottom-first overOne">
          男衬衫长袖固化款定制款款号男衬衫长袖固化款定制款款号
        </div>
        <div class="bottom-second">
          <div class="part overOne">
            <span class="part-top overOne">四季</span>
            <span class="part-bottom">适合季节</span>
          </div>
          <div class="part overOne">
            <span class="part-top overOne">四面等</span>
            <span class="part-bottom">款式</span>
          </div>
          <div class="part overOne">
            <span class="part-top overOne">现货</span>
            <span class="part-bottom">供货方式</span>
          </div>
        </div>

        <div class="bottom-third">
          <div class="third-left">
            <div
              class="tag overOne"
              v-for="(item, index) in [0, 1, 2]"
              :style="{ ...tagColor(index) }"
            >
              热搜产品
            </div>
          </div>
          <div class="bottom-third-right">回头客88+</div>
        </div>

        <div class="bottom-four">
          <div class="bottom-four-left overOne">￥59.90</div>
          <div class="bottom-four-right overOne">300+人付款</div>
        </div>

        <div class="bottom-five">
                  <div class="bottom-five-left overOne">
                  <div class="store-icon"><img v-lazy="publicUrl(`/images/store-icon.png`)" /></div>
                  <div class="text overOne" >云裁定制服装有限公司</div>
                  </div>
                  <div class="bottom-five-right overOne">广州增城</div>
             </div>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts" name="">
import { publicUrl, tagColor } from "@/utils/util";
interface Porps{
   imgHeight?:string;
}
withDefaults(defineProps<Porps>(),{
   imgHeight:'1.5552rem',
});
</script>
<style scoped lang="scss">
@media screen and (min-width: $pc-min-width) {
  @import "./pc.scss";
}
</style>
